<template>
	<view>
		
		<view>全局参数：{{text}}</view>
		<view>姓名:{{loginUser1.name }}</view>
		<view>年龄:{{loginUser1.age}}</view>
		<!-- #ifdef MP -->
		<view>年龄:{{loginUser.data.nickName}}</view>
		<!-- #endif-->
		<!-- #ifdef MP ||H5 -->
		<view v-if="!isLogin">
			<button @click="login">登录</button>
			<button @click="handeleruserprofile">获取用户信息</button>
		</view>
		<!-- #endif-->
		<view v-else>
			<image :src="loginUser.data.avatarUrl"></image>
		</view>
	</view>
</template>

<script setup>
	import {
		reactive,
		ref
	} from "vue";
	const loginUser = reactive({})
	const loginUser1 = reactive({})
	const isLogin = ref(false);
	// 异步
	

	// 同步
	// const result=uni.getStorageSync("loginUser")
	// console.log(result)
	// if(result){
	// 	Object.assign(loginUser,result)
	// }

	const text = getApp().globalData.title;

	function login() {
		uni.login({
			success(result) {
				console.log(result);
				// 在result中获取到code，调用登录接口
				// 热后将token存在本地存储中
				// uni.setStorage({
				// 	key:"token",
				// 	data:{
				// 		"token"
				// 	}
				// })
			}
		})
	}

	function handeleruserprofile() {
		// 只能通过按钮触发
		uni.getUserProfile({
			desc: "获取信息",
			success(res) {
				isLogin.value = true
				// console.log(res.userInfo);
				// Object.assign(loginUser, res.userInfo);
				
				uni.setStorage({
					key: "loginUser",
					data: res.userInfo
				});
		
			}
		})
	};
	uni.getStorage({
		key: "loginUser",
		success(value) {
			console.log(value);
			Object.assign(loginUser, value)
			// loginUser.value = value
		}
	}); 
	const result=uni.getStorageSync("loginUser1")
	console.log(result)
	if(result){
		Object.assign(loginUser1,result)
	}
</script>

<style>

</style>
